<div class="page-header">
	<ul id="table-tab" class="nav nav-tabs" role="tablist">
		<li role="presentation" class="">
			<a href="#catalog-tab" aria-controls="catalog-tab" role="tab" data-toggle="tab">目录管理</a>
		</li>
		<li role="presentation" class="">
			<a href="#dictionary-tab" aria-controls="dictionary-tab" role="tab" data-toggle="tab">字典管理</a>
		</li>
	</ul>
</div>
<div class="tab-content">
	<div id="catalog-tab" class="tab-pane" role="tabpanel">
		<!--:include('tab_catalog.html'){}-->
	</div>
	<div id="dictionary-tab" class="tab-pane" role="tabpanel">
		<!--:include('tab_dict.html'){}-->
	</div>
</div>
<script type="text/javascript">
$(function(){
	$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
		//e.target // 激活的标签页
		//e.relatedTarget // 前一个激活的标签页
		var tabId = $(e.target).attr('aria-controls');
		//console.log(tabId);
		if(tabId == "catalog-tab"){
			initTableList('table-catalog','system/admin/dictionary/dataGrid', 'table-catalog-search', 'btn-catalog-search');
		} else if(tabId == "dictionary-tab"){
			initTableList('table-dictionary','system/admin/dictionary/dataGrid', 'table-dictionary-search', 'btn-dictionary-search');
		}
	});
	$('#table-tab a[href="#catalog-tab"]').tab('show');
});
</script>
